<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<link rel="icon" type="image/png" href="./static/images/Git_144px.png">
	<link rel="manifest" href="/manifest.json">
	<link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
	<link rel="stylesheet" href="./static/css/style.css">
	<script src="https://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.0.0.0"></script>
	<script>var vConsole = new VConsole();</script>
</head>

<body>
	<div id="app">
		<div class="head" :style="headStyle">
			{{ title }}
		</div>
		<div class="logo">
			<img :src="logoImg" alt="">
		</div>
		<div
			v-if="serviceWorkerStatus !== '2'"
			class="unregisterBtn"
			:style="{ backgroundColor: networkStatus ? 'rgb(0, 188, 212)' : 'grey'}"
			@click="handleRegister">
			{{ serviceWorkerStatus === '0' ? '注销' : '注册' }}SW
		</div>
		<div class="commit-list">
			<ul>
				<li v-for="(item, index) in commitList" :key="index">
					<div class="avatar">
						<img :src="item.author ? item.author.avatar_url : ''" alt="">
					</div>
					<div class="message">
						<span> {{ item.commit ? item.commit.message : '' }} </span>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<img style="display: none" src="./static/images/Git_192px.png" alt="">
	<img style="display: none" src="./static/images/Git_icon_192px.png" alt="">
	<script src="https://cdn.jsdelivr.net/npm/vue"></script>
	<script src="https://unpkg.com/mint-ui/lib/index.js"></script>
	<script src="./static/js/app.js"></script>
</body>

</html>